<template>
  <div>
    {{msg}}
    <graph v-model="names[0]" style="height: 400px; width: 500px; float: left"></graph>
    <graph v-model="names[1]" style="height: 400px; width: 500px; float: left"></graph>
    <graph v-model="names[2]" style="height: 400px; width: 500px; float: left"></graph>
    <graph v-model="names[3]" style="height: 400px; width: 500px; float: left"></graph>
    <graph v-model="names[4]" style="height: 400px; width: 500px; float: left"></graph>
  </div>
</template>

<script>
import Graph from '../code/graph';

export default {
  name: 'home',
  components: {
    Graph
  },
  data () {
    return {
      msg: 'I am one',
      names: ['graph1', 'graph2', 'graph3', 'graph4', 'd3Chord']
    }
  }
}
</script>
